<template>
  <div>
    <h3>MyMovie 组件 --- {{ $route.params.mid }} --- {{ mid }}</h3>
    <button
      type="button"
      class="btn btn-danger"
      @click="goBack"
    >后退</button>
    <button
      type="button"
      class="btn btn-danger"
      @click="goFoward"
    >前进</button>
  </div>
</template>

<script>
export default {
  name: 'MyMovie',
  props: ['mid'],
  methods: {
    goBack() {
      this.$router.go(-1)
    },
    goFoward() {
      this.$router.go(+1)
    }
  }
}
</script>

<style lang="less" scoped></style>
